<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Index Test</title>
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script>
	$(function() {
		$("#reg").click(function() {
			window.location.href = "noticeReg.do?p=2&url=${url}";
		});
	});
</script>


<link rel="stylesheet" href="css/main.css" type="text/css" />
<style>
#searcher {
	display: flex;
	text-align: right;
	align-items: center;
}
</style>
</head>
<body>
	<div id="bg">

		<div class="wrap">

			<!-- logo -->
			<h1>
				<a href="../home/home.do?p=1&url=${ member.mPage }">Blog</a>
			</h1>
			
			<h1>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">go SNS</a>
			</h1>
			<!-- /logo -->

			<!-- menu -->
			<div id="wrapmainmenu">
				<div id="mainmenu">
					<ul>
						<c:choose>
							<c:when test="${ url !=null }">
								<li><a href="../home/home.do?p=1&url=${ url }"
									maptopuredomain="false">Home</a></li>
								<li><a href="../notice/notice.do?p=2&url=${ url }"
									maptopuredomain="false">Notice</a></li>
								<li><a href="../board/board_index.jsp?p=3&url=${ url }"
									maptopuredomain="false">Board</a></li>
								<li><a href="../album/album.do?p=4&url=${ url }"
									maptopuredomain="false">Album</a></li>
								<li><a href="../guest/index_guest.jsp?p=5&url=${ url }"
									maptopuredomain="false">Guest</a></li>
							</c:when>
							<c:otherwise>
								<li><a href="../home/home.do?p=1&url=${ member.mPage }"
									maptopuredomain="false">Home</a></li>
								<li><a href="../notice/notice.do?p=2&url=${ member.mPage }"
									maptopuredomain="false">Notice</a></li>
								<li><a href="../board/board_index.jsp?p=3&url=${ member.mPage }"
									maptopuredomain="false">Board</a></li>
								<li><a href="../album/album.do?p=4&url=${ member.mPage }"
									maptopuredomain="false">Album</a></li>
								<li><a href="../guest/index_guest.jsp?p=5&url=${ member.mPage }"
									maptopuredomain="false">Guest</a></li>
							</c:otherwise>
						</c:choose>

					</ul>
				</div>
			</div>
			<!-- /menu -->

			<!-- pitch -->
			<div id="pitch">
				<div id="slideshow">

					<!-- 1st frame -->
					<div class="active">
						<img src="images/pitch/pitch1.jpg" alt="" />
						<div class="overlay transparent">
							<h2>Blog</h2>
							<p>자신의 일상, 정보, 공유하고픈 자료를<br />
								블로깅 하세요</p>
						</div>
						<p class="arrow">
							<a href="#"></a>
						</p>
					</div>
					<!-- /1st frame -->

					<!-- 2nd frame -->
					<div>
						<img src="images/pitch/pitch2.jpg" alt="" />
						<div class="overlay transparent">
							<h2>Album</h2>
							<p>사진들을 등록하세요.<br />
								보고싶은 사진들의 필터링을 도와드려요</p>
						</div>
						<p class="arrow">
							<a href="#"></a>
						</p>
					</div>
					<!-- /2nd frame -->

					<!-- 3rd frame -->
					<div>
						<img src="images/pitch/pitch3.jpg" alt="" />
						<div class="overlay transparent">
							<h2>SNS</h2>
							<p>친구들 및 사회적 이슈를<br />
								받아보실 수 있습니다.</p>
						</div>
						<p class="arrow">
							<a href="#"></a>
						</p>
					</div>
					<!-- 3rd frame -->

				</div>
			</div>
			<!-- /pitch -->

			<!-- main -->

			<div id="main">
				<c:choose>
					<c:when test="${ctrlr!=null}">
           			<jsp:include page="${ ctrlr }" flush="false" >
           				<jsp:param value="2" name="p"/>
           				<jsp:param value="${ url }" name="url"/>
           			</jsp:include>
       			</c:when>
					<c:otherwise>
						<jsp:include page="noticeList.jsp" flush="false">
							<jsp:param value="2" name="p"/>
           					<jsp:param value="${ url }" name="url"/>
           				</jsp:include>
					</c:otherwise>
				</c:choose>
			</div>
			<!-- /main -->

			<!-- side -->
			<div id="side">
				<c:choose>
					<c:when test="${ member != null }">
						<h4>Login Status</h4>
						<div class="news">
							<h5>
								<a href="#">Name</a>
							</h5>
							<p>${ member.mName }</p>
						</div>
						<div class="news">
							<h5>
								<a href="#">E-mail</a>
							</h5>
							<p>${ member.mMail }</p>
						</div>
						<div class="news">
							<h5>
								<a href="#">Gender</a>
							</h5>
							<p>${ member.mGender }</p>
						</div>

						<div id="quote">
							<a href="../logout.do"><h4>LogOut</h4></a>
						</div>
					</c:when>
					<c:otherwise>
						<h4>Guest Mode</h4>
						<div id="quote">
							<a href="../index.jsp"><h4>Login</h4></a>
						</div>
					</c:otherwise>
				</c:choose>

			</div>
			<!-- /side -->
		</div>

		<!-- footer -->
		<div id="footer">
			<div id="footerbg">
				<div class="wrap">

					<!-- footer links -->
					
					<!-- /footer links -->

					<p id="copy">
						Copyrighted by <span>Group 4</span>
					</p>

					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!-- /footer -->

	</div>
</body>
</html>